<template>
    <!-- 系统管理-系统事件配置 新增-->
    <div>
        <div style="height: 30px; line-height: 30px;">
              <h1>系统事件配置-新增</h1>
        </div> 

        <div>
            <div style="margin-left: 20px; height: 70px;line-height: 70px;">
                事件基本信息
            </div>
            <div style="width: 100%;border: 1px red solid;">
                <table class="detail-info-table">
                    <tr>
                        <th class="detail-info-table-title">事件编号</th>
                        <td class="detail-info-table-content">系统生成并回显</td>
                        <th class="detail-info-table-title">事件名称</th>
                        <td class="detail-info-table-content">
                            <ui-input placeholder="请输入" style="width: 55%;">

                            </ui-input>
                        </td>
                    </tr>
                    <tr>
                        <th class="detail-info-table-title">响应类型</th>
                        <td class="detail-info-table-content">
                            <ui-select>
                                 <ui-option>1</ui-option>
                                 <ui-option>1</ui-option>
                            </ui-select>
                        </td>
                        <th class="detail-info-table-title">事件类型</th>
                        <td class="detail-info-table-content">
                            <ui-select>
                                 <ui-option>1</ui-option>
                                 <ui-option>1</ui-option>
                            </ui-select>
                        </td>
                    </tr>
                    <tr>
                        <th class="detail-info-table-title">备注</th>
                        <td class="detail-info-table-content">
                            <ui-input placeholder="请输入" style="width: 55%;">

                            </ui-input>
                        </td>
                        
                        <th class="detail-info-table-title">是否批量</th>
                        <td class="detail-info-table-content">
                             是
                        </td>
                    </tr>
             
                </table>
                
            </div>

            <div style="margin-left: 20px; height: 70px;line-height: 70px;">
                外部系统事件信息
            </div>
            <div style="width: 100%;border: 1px red solid;">
                <table class="detail-info-table">
                    <tr>
                        <th class="detail-info-table-title">*事件来源</th>
                        <td class="detail-info-table-content">
                            <ui-select>
                                 <ui-option>1</ui-option>
                                 <ui-option>1</ui-option>
                            </ui-select>
                        </td>
                        <th class="detail-info-table-title">*外部事件名称</th>
                        <td class="detail-info-table-content">
                            <ui-select>
                                 <ui-option>1</ui-option>
                                 <ui-option>1</ui-option>
                            </ui-select>
                        </td>
                    </tr>
                    <tr>
                        <th class="detail-info-table-title">外部事件编号</th>
                        <td class="detail-info-table-content">回显</td>
                        <th class="detail-info-table-title"></th>
                        <td class="detail-info-table-content"></td>
                    </tr>
                </table>
            </div>

            <div style="margin-left: 20px; height: 70px;line-height: 70px;">
                事件配置信息
            </div>
            <div style="width: 100%;border: 1px red solid;">
                <table class="detail-info-table">
                    <tr>
                        <th class="detail-info-table-title">*消息代码</th>
                        <td class="detail-info-table-content">
                            <ui-select>
                                 <ui-option>1</ui-option>
                                 <ui-option>1</ui-option>
                            </ui-select>
                        </td>
                        <th class="detail-info-table-title">*消息内容</th>
                        <td class="detail-info-table-content">
                           <ui-input style="width: 55%;">

                           </ui-input>
                        </td>
                    </tr>
                    <tr>
                        <th class="detail-info-table-title">*消息提醒人</th>
                        <td class="detail-info-table-content">
                            <ui-select>
                                 <ui-option>1</ui-option>
                                 <ui-option>1</ui-option>
                            </ui-select>
                        </td>
                        <th class="detail-info-table-title"></th>
                        <td class="detail-info-table-content"></td>
                    </tr>
                </table>
            </div>


        </div>



    </div>
</template>